<template>
    <div class="title-two">
        <div :style="{color: co[color]}" class="title-main"><slot></slot></div>
    </div>
</template>

<script>

  // #019E95  #C9961E #8558C1
  export default {
    name: "TittleTwo",
    data() {
      return {
        co: {
          black: '#000',
          green: '#019E95',
          gold: '#C9961E',
          purple: '#8558C1',
        }
      }
    },
    props: {
      color: {
        type: String,
        default() {
          return 'black'
        }
      }
    }
  }
</script>

<style lang="less" scoped>
    .title-two {
        width: 100%;
        text-align: left;
        padding: 0.5rem;
        div {
            font-family: "Microsoft YaHei, 黑体", serif;
            font-weight: bold;
        }
        .title-main {
            display: flex;
            justify-content: space-between;
        }
    }
</style>
